.main-index {
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;

  .main-box {
    .title {
      text-indent: -9999px;
      img {
        display: block;
        transition: all 2.1s;
        &:hover {
          transform: scale(1.12);
        }
      }
    }

    .nav-box {
      text-align: center;
      margin-top: 25px;

      a {
        color: #ffffff;
        text-decoration: none;
        margin: 0 15px;
        &:hover {
          color: aqua;
        }
      }
    }
  }

  &::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: -1;
    background: #000;
    // background-image: url("http://cdn.czbapp.com/b22faf1c1a224601b4be7786c642105c.jpg?1539658160500");
    // background-position: center top;
    // background-size: cover;
    // background-attachment: fixed;
    // -webkit-filter: blur(5px);
    // -moz-filter: blur(5px);
    // -ms-filter: blur(5px);
    // -o-filter: blur(5px);
    // filter: blur(5px);
  }
}